<template>
  <div class="main">
    <!--顶部栏 -->
    <TopBar></TopBar> 
    <!-- 菜单栏 -->
    <HeadMenu></HeadMenu> 
    <!-- 底部栏 -->
    <MiFooter></MiFooter>   

    <!-- 登录模块 -->
    <MyLogin></MyLogin>
  </div>
</template>

<script setup>
import TopBar from '@/components/layout/TopBar.vue'
import HeadMenu from '@/components/layout/HeadMenu.vue'
import MiFooter from '@/components/layout/MiFooter.vue' 
import MyLogin from '@/components/forms/Login_Dialog.vue'
</script>

<style lang="scss">
.main{
  >.main-top{
    width: 1226px;
    margin: 0 auto;
    background: #fff;
    position: relative;
  }
  .main-page{
    background: #f5f5f5;
    margin: 0 auto;
  }
}
.el-main{
  padding: 0px;
}
.el-card__body, .el-main {
  padding: 0px !important;
}
.el-loading-mask{
  z-index:977 !important;
}
</style>